<template>
  <div>
   <div class="bigbox">
     <div class="header">
      <h1 @click="fun()">&lt;</h1>
      <h2>宽带服务</h2>       
     </div>
     <div class="mian">
       <van-tabs v-model="activeName">
        <van-tab title="宽带服务" name="a">
          <div class="kuandaixinzhuang">
            <h3>宽带新装</h3>
            <div class="kuandaixinzhuang-a">
              <div class="kuandaixinzhuang-a-one">
                <span>300M</span>
                <span>500M</span>
                <span>1000M</span>
              </div>
              <div class="kuandaixinzhuang-a-two">
                <div class="kuandaixinzhuang-a-two-first">
                  <div class="kuandaixinzhuang-a-two-first-left">
                    <div>1-5人合计消费69元</div>
                    <div><span>300M</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>0元/月</span></div>
                    <div>查看详情</div>
                  </div>
                  <div class="kuandaixinzhuang-a-two-first-right">
                    <div>1人套餐68至98元</div>
                    <div><span>300M</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>0元/月</span></div>
                    <div>查看详情</div>                    
                  </div>
                </div>
                <span>限时促销:宽带一键预约,再送500M流量</span>
              </div>
            </div>
          </div>
          <div class="yidi">
       <div class="yidi-con">
         <div class="yidi-con-one">
           <div><img src="img/yueimg/46.jpg"><br>异地宽带</div>
           <div><img src="img/yueimg/47.jpg"><br>覆盖查询</div>
           <div><img src="img/yueimg/48.jpg"><br>宽带预约</div>
           <div><img src="img/yueimg/49.jpg"><br>装机进度</div>
           <div><img src="img/yueimg/50.jpg"><br>订单中心</div>
           <div><img src="img/yueimg/51.jpg"><br>校园宽带</div>
         </div>
       </div>
          </div>
          <div class="wifi">
       <div class="wifi-con">
         <h3>WiFi信号加强服务</h3>
         <div class="wifi-con-one">
           <img src="img/yueimg/52.jpg">
           <div class="wifi-con-one-a">全家WiFi信号全覆盖</div>
           <div class="wifi-con-one-b">
             <div><span  class="iconfont icon-kuandai"></span><br>双顿千兆</div>
             <div><span  class="iconfont icon-kuandai"></span><br>上门调测</div>
             <div><span  class="iconfont icon-kuandai"></span><br>光前到家</div>
           </div>
           <div class="wifi-con-one-c"><span>199元起&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
         </div>
         <div class="wifi-con-two">
           <img src="img/yueimg/53.jpg">
           <div class="wifi-con-two-a">全光WiFi--信号处处满格</div>
           <div class="wifi-con-two-b">
             <div><span  class="iconfont icon-kuandai"></span><br>双顿千兆</div>
             <div><span  class="iconfont icon-kuandai"></span><br>上门调测</div>
             <div><span  class="iconfont icon-kuandai"></span><br>光前到家</div>             
           </div>
           <div class="wifi-con-two-c"><span>299元起</span></div>
         </div>
       </div>
          </div>
          <div class="gexinghua">
       <div class="gexinghua-con">
         <h3>个性化宽带服务</h3>
         <div class="gexinghua-con-a">
           <div><img src="img/yueimg/54.jpg"></div>
           <div><img src="img/yueimg/55.jpg"></div>
           <div><img src="img/yueimg/56.jpg"></div>
         </div>
       </div>
          </div>
        </van-tab>
        <van-tab title="智能家居" name="b">
          <div class="tiyanguan">
            <div class="tiyanguan-con">
              <img src="img/yueimg/57.jpg">
            </div>
          </div>
          <div class="rexiao">
            <div class="rexiao-con">
              <h3>热销套装</h3>
              <div class="rexiao-con-one">
                <div class="rexiao-con-one-a">
                  <img src="img/yueimg/58.jpg" alt="">
                  <div class="rexiao-con-one-a-right">
                    <div>移动看家</div>
                    <div>看家护院，日常报告</div>
                    <div><span><img src="img/yueimg/62.jpg"></span>室外摄像头</div>
                    <div>查看详情</div>
                  </div>
                </div>
                <div class="rexiao-con-one-b">
                  <img src="img/yueimg/59.jpg" alt="">
                  <div class="rexiao-con-one-b-right">
                    <div>移动守卫</div>
                    <div>亲情陪伴，看护老幼</div>
                    <div>
                      <div><img src="img/yueimg/63.jpg" alt="">摄像头</div>
                      <div><img src="img/yueimg/64.jpg" alt="">护眼灯</div>
                    </div>
                    <div>查看详情</div>
                  </div>
                </div>
                <div class="rexiao-con-one-c">
                  <img src="img/yueimg/60.jpg" alt="">
                  <div class="rexiao-con-one-c-right">
                    <div>智能控制</div>
                    <div>通话，看家，一机多用</div>
                    <div>
                      <div><img src="img/yueimg/65.jpg" alt="">烟感</div>
                      <div><img src="img/yueimg/66.jpg" alt="">气感</div>
                    </div>
                    <div>查看详情</div>
                  </div>                  
                </div>
              </div>
            </div>
          </div>
        </van-tab>
        <van-tab title="高清电视" name="c">
          <div class="hulianwang"> 
            <div class="hulianwang-con">
              <h3>互联网电视(魔百盒)</h3>
              <div class="hulianwang-con-a">
                <div class="hulianwang-con-a-left">
                  <div>160个电视频</div>
                  <div>七天回看</div>
                  <div>无广告</div>
                </div>
                <div class="hulianwang-con-a-right">
                  <div>10元起/月</div>
                  <div>查看详情</div>
                </div>
              </div>
              <div class="hulianwang-con-b">
                <img src="img/yueimg/70.jpg">
              </div>
            </div>
          </div>
          <div class="guanying">
            <div class="guanying-con">
              <div class="guanying-con-a">
                <div>
                  <img src="img/yueimg/71.jpg" alt=""><br>观影指南
                </div>
                <div>
                  <img src="img/yueimg/71.jpg" alt=""><br>电视加装
                </div>
                <div>
                  <img src="img/yueimg/71.jpg" alt=""><br>我的订单
                </div>
              </div>
            </div>
          </div>
          <div class="gaoqing"> 
            <div class="gaoqing-con">
              <h3>高清电视会员服务</h3>
              <div class="gaoqing-con-a">
                <div class="gaoqing-con-a-left">
                  <img src="img/yueimg/74.jpg" alt="">
                </div>
                <div class="gaoqing-con-a-right">
                  <h5>影视畅想包</h5>
                  <div>六大栏目畅想看</div>
                  <div>汇聚腾讯、爱奇艺全量热门影视内容</div>
                  <div>200元/年</div>
                </div>
              </div>
              <div class="gaoqing-con-a">

              </div>
            </div>
          </div>
        </van-tab>
       </van-tabs>
     </div>
   </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: 'a',
    };
  },

  methods:{
    fun(){
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>

.bigbox{
  background-color: #f2f2f2;
  overflow: hidden;
}

.header{
  width: 100%;
  background-color: white;
  height: 0.77rem;
  line-height: 0.77rem;
  position: fixed;
  border-bottom: 1PX solid gray;
  z-index: 9999;
}

.header h1,h2{
  float: left;
}

.header h2{
  margin-left:1.3rem;
}

.mian{
  width: 100%;
  margin-top: 0.77rem;
}

.mian .van-tab{
  font-size: 20px;
}

.mian .kuandaixinzhuang{
  width: 3.46rem;
  height: 2.65rem;
  margin: auto;
  background-color:white;
  margin-top: 0.16rem;
  border-radius: 0.1rem;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a{
  width: 3.29rem;
  height: 2.18rem;
  background-color: #5c81ec;
  margin: auto;
  border-radius: 0.1rem;
  margin-top: 0.1rem;
  overflow: hidden;
  
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-one{
  width: 3rem;
  height: 0.16rem;
  margin-top: 0.16rem;
  margin-left:0.15rem;
  display: flex;
  justify-content: space-between;
  color: white;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two{
  width: 3.22rem;
  height: 1.73rem;
  background-color: white;
  margin: auto;
  margin-top: 0.1rem;
  border-radius: 0.1rem;
  overflow: hidden;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first{
  width: 2.96rem;
  height: 1.3rem;
  margin-left: 0.13rem;
  margin-top: 0.12rem;
  display: flex;
  justify-content: space-between;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-left{
  width: 1.39rem;
  height: 1.27rem;
  border: 0.01rem solid gray;
  border-radius: 0.1rem;
 
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-left div:nth-child(1){
  margin: auto;
  margin-top: 0.24rem;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-left div:nth-child(2){
  margin: auto;
  margin-top: 0.15rem;
  margin-left: 0.1rem;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-left div:nth-child(3){
  margin: auto;
  margin-top: 0.15rem;
  width: 0.7rem;
  height: 0.26rem;
  border-radius: 0.2rem;
  background-color: #6894ef;
  font-size: 0.11rem;
  color: white;
  text-align: center;
  line-height: 0.26rem;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-right{
  width: 1.39rem;
  height: 1.27rem;
  border: 0.01rem solid gray;
  border-radius: 0.1rem;
 
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-right div:nth-child(1){
  margin: auto;
  margin-top: 0.24rem;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-right div:nth-child(2){
  margin: auto;
  margin-top: 0.15rem;
  margin-left: 0.1rem;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-right div:nth-child(3){
  margin: auto;
  margin-top: 0.15rem;
  width: 0.7rem;
  height: 0.26rem;
  border-radius: 0.2rem;
  background-color: #6894ef;
  font-size: 0.11rem;
  color: white;
  text-align: center;
  line-height: 0.26rem;
}

.mian .kuandaixinzhuang .kuandaixinzhuang-a .kuandaixinzhuang-a-two .kuandaixinzhuang-a-two-first-right span{
  color: red;
  font-size: 0.09rem;
}

.yidi{
  width: 100%;
  
}

.yidi .yidi-con{
  width: 3.47rem;
  height: 0.86rem;
  margin: auto;
  border-radius: 0.1rem;
  margin-top: 0.05rem;
  overflow: hidden;
  background-color:white;
}

.yidi .yidi-con .yidi-con-one{
  width: 3.29rem;
  height: 0.46rem;
  margin-top: 0.15rem;
  margin-left: 0.09rem;
  display: flex;
  justify-content: space-evenly;
}

.yidi .yidi-con .yidi-con-one div{
  width: 0.5rem;
  height: 0.48rem;
  font-size: 0.1rem;
}

.yidi .yidi-con .yidi-con-one div img{
  width: 0.3rem;
  height: 0.25rem;
  text-align: center;
  margin-left: 0.1rem;
}

.wifi{
  width: 100%;
}

.wifi .wifi-con{
  width: 3.47rem;
  height: 2.8rem;
  background-color: white;
  margin: auto;
  border-radius: 0.1rem;
  margin-top: 0.05rem;
}

.wifi .wifi-con .wifi-con-one{
  width: 3.32rem;
  height: 1.08rem;
  margin-top: 0.13rem;
  border-radius: 0.1rem;
}

.wifi .wifi-con .wifi-con-one .wifi-con-one-a{
  width: 2.04rem;
  margin-left: 0.19rem;
  float: right;
}

.wifi .wifi-con .wifi-con-one .wifi-con-one-b{
  width: 2.04rem;
  height: 0.32rem;
  float: right;
  font-size: 0.08rem;
}

.wifi .wifi-con .wifi-con-one .wifi-con-one-c{
  width: 2.04rem;
  height: 0.32rem;
  float: right;
  margin-top: 0.2rem;
}

.wifi .wifi-con .wifi-con-one .wifi-con-one-c span{
  width: 0.62rem;
  height: 0.25rem;
}

.wifi .wifi-con .wifi-con-one .wifi-con-one-b div{
  width: 0.65rem;
  height: 0.33rem;
  float: left;
  text-align: center;
  margin-top: 0.12rem;
}

.wifi .wifi-con .wifi-con-one .wifi-con-one-b span{
  font-size: 0.2rem;
}

.wifi .wifi-con .wifi-con-one img{
  width: 0.96rem;
  height: 1.08rem;
  float: left;
}

.wifi .wifi-con .wifi-con-two{
  width: 3.32rem;
  height: 1.08rem;
  margin-top: 0.13rem;
  border-radius: 0.1rem;
}

.wifi .wifi-con .wifi-con-two img{
  width: 0.96rem;
  height: 1.08rem;
  float: left;
}

.wifi .wifi-con .wifi-con-two .wifi-con-two-a{
  width: 2.04rem;
  margin-left: 0.19rem;
  float: right;
}

.wifi .wifi-con .wifi-con-two .wifi-con-two-b{
  width: 2.04rem;
  height: 0.32rem;
  float: right;
  font-size: 0.08rem;
}

.wifi .wifi-con .wifi-con-two .wifi-con-two-b div{
  width: 0.65rem;
  height: 0.33rem;
  float: left;
  text-align: center;
  margin-top: 0.12rem;  
}

.wifi .wifi-con .wifi-con-two .wifi-con-two-c{
  width: 2.04rem;
  height: 0.32rem;
  float: right;
  margin-top: 0.2rem; 
}

.gexinghua{
  width: 100%;
}

.gexinghua .gexinghua-con{
  width: 3.45rem;
  height: 1.16rem;
  background-color: white;
  margin: auto;
  margin-top: 0.05rem;
}

.gexinghua .gexinghua-con .gexinghua-con-a{
  width: 3.28rem;
  height: 0.69rem;
  margin-top: 0.12rem;
  display: flex;
  justify-content: space-between;
}

.gexinghua .gexinghua-con .gexinghua-con-a div{
  width: 1.06rem;
  height: 0.67rem;

}

.gexinghua .gexinghua-con .gexinghua-con-a img{
  width: 100%;
  height: 100%;
}

.tiyanguan{
  width: 100%;
}

.tiyanguan .tiyanguan-con{
  width: 3.46rem;
  height: 2.66rem;
  background-color: white;
  margin: auto;
  border-radius: 0.1rem;
}

.tiyanguan .tiyanguan-con img{
  width: 100%;
  height: 100%;
}

.rexiao{
  width: 100%;
}

.rexiao .rexiao-con{
  width: 3.46rem;
  height: 6.52rem;
  background-color: white;
  margin: auto;
  margin-top: 0.09rem;
  overflow: hidden;
}

.rexiao .rexiao-con h3{
  margin-top: 0.1rem;
  margin-left: 0.1rem;
}

.rexiao .rexiao-con .rexiao-con-one{
  width: 3.1rem;
  height: 5.8rem;
  margin: auto;
  margin-top: 0.17rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-a{
  width: 3.1rem;
  height: 1.3rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-a img{
  width: 1.65rem;
  height: 1.31rem;
  float: left;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-a .rexiao-con-one-a-right {
  width: 1.2rem;
  height: 1.31rem;
  float: right;
  text-align: center;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-a .rexiao-con-one-a-right img{
  width: 0.4rem;
  height: 0.2rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-a .rexiao-con-one-a-right div:nth-child(1){
  margin-top: 0.1rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-a .rexiao-con-one-a-right div:nth-child(2){
  margin-top: 0.12rem;
  margin-bottom: 0.15rem;
  font-size: 0.1rem;
  color: #dcdcdc;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-a .rexiao-con-one-a-right div:nth-child(3){
  font-size: 0.11rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-a .rexiao-con-one-a-right div:nth-child(4){
  width: 0.64rem;
  height: 0.25rem;
  border-radius: 0.2rem;
  background-color: #668eed;
  font-size: 0.12rem;
  color: white;
  text-align: center;
  line-height: 0.25rem;
  margin-left: 0.25rem;
  margin-top: 0.1rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-b{
  width: 3.1rem;
  height: 1.3rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-b .rexiao-con-one-b-right {
  width: 1.2rem;
  height: 1.31rem;
  float: right;
  text-align: center;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-b .rexiao-con-one-b-right img{
  width: 0.2rem;
  height: 0.27rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-b img{
  width: 1.65rem;
  height: 1.31rem;
  float: left;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-b .rexiao-con-one-b-right div:nth-child(1){
  margin-top: 0.1rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-b .rexiao-con-one-b-right div:nth-child(2){
  margin-top: 0.1rem;
  margin-bottom: 0.05rem;
  font-size: 0.1rem;
  color: #dcdcdc;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-b .rexiao-con-one-b-right div:nth-child(3){
  width:0.99rem ;
  height: 0.46rem;
  font-size: 0.11rem;
  display: flex;
  justify-content: space-between;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-b .rexiao-con-one-b-right div:nth-child(4){
  width: 0.64rem;
  height: 0.25rem;
  border-radius: 0.2rem;
  background-color: #668eed;
  font-size: 0.12rem;
  color: white;
  text-align: center;
  line-height: 0.25rem;
  margin-left: 0.25rem;
  margin-top: 0.1rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-c{
  width: 3.1rem;
  height: 1.3rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-c .rexiao-con-one-c-right {
  width: 1.2rem;
  height: 1.31rem;
  float: right;
  text-align: center;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-c .rexiao-con-one-c-right img{
  width: 0.2rem;
  height: 0.27rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-c img{
  width: 1.65rem;
  height: 1.31rem;
  float: left;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-c .rexiao-con-one-c-right div:nth-child(1){
  margin-top: 0.1rem;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-c .rexiao-con-one-c-right div:nth-child(2){
  margin-top: 0.1rem;
  margin-bottom: 0.05rem;
  font-size: 0.1rem;
  color: #dcdcdc;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-c .rexiao-con-one-c-right div:nth-child(3){
  width: 1.29rem;
  font-size: 0.11rem;
  display: flex;
  justify-content: space-between;
}

.rexiao .rexiao-con .rexiao-con-one .rexiao-con-one-c .rexiao-con-one-c-right div:nth-child(4){
  width: 0.64rem;
  height: 0.25rem;
  border-radius: 0.2rem;
  background-color: #668eed;
  font-size: 0.12rem;
  color: white;
  text-align: center;
  line-height: 0.25rem;
  margin-left: 0.25rem;
  margin-top: 0.1rem;
}

.hulianwang{
  width: 100%;

}

.hulianwang .hulianwang-con{
  width: 3.44rem;
  height: 2.74rem;
  background-color: white;
  margin: auto;
  border-radius: 0.1rem;
  overflow: hidden;
}

.hulianwang .hulianwang-con h3{
  margin-top:0.1rem;
  margin-left: 0.1rem;
}

.hulianwang .hulianwang-con .hulianwang-con-a{
  width: 3.21rem;
  height: 0.43rem;
  margin-top: 0.18rem;
  font-size: 0.11rem;
}

.hulianwang .hulianwang-con .hulianwang-con-a .hulianwang-con-a-left{
  width: 2.18rem;
  height: 0.43rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  float: left;
}

.hulianwang .hulianwang-con .hulianwang-con-a .hulianwang-con-a-right{
  float: right;
}

.hulianwang .hulianwang-con .hulianwang-con-a .hulianwang-con-a-right div:nth-child(2){
  width: 0.6rem;
  height: 0.26rem;
  border-radius: 0.1rem;
  color: white;
  background-color: #6894ef;
  text-align: center;
  line-height: 0.26rem;
}

.hulianwang .hulianwang-con .hulianwang-con-b{
  width: 3.23rem;
  height: 1.95rem;
  background-color: aqua;
  margin: auto;
  margin-top: 0.17rem;
}

.hulianwang .hulianwang-con .hulianwang-con-b img{
  width: 100%;
  height: 100%;
}

.guanying{
  width: 100%;
  margin-top: 0.1rem;
}

.guanying .guanying-con{
  width: 3.46rem;
  height: 0.63rem;
  background-color: white;
  margin: auto;
  
}


.guanying .guanying-con .guanying-con-a{
  width: 1.92rem;
  height: 0.63rem;
  float: left;
  display: flex;
  justify-content: space-evenly;
  font-size: 0.09rem;
  text-align: center;
}

.guanying .guanying-con .guanying-con-a div{
  width: 0.5rem;
  height: 0.47rem;
}

.guanying .guanying-con .guanying-con-a img{
  width: 0.27rem;
  height: 0.26rem;
}

.gaoqing{
  width: 100%;
  margin-top: 0.1rem;
}

.gaoqing .gaoqing-con{
  width: 3.46rem;
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: auto;
  overflow: hidden;
}

.gaoqing .gaoqing-con h3{
  margin-top: 0.1rem;
  margin-left: 0.1rem;
  margin-bottom: 0.1rem;
}

.gaoqing .gaoqing-con .gaoqing-con-a{
  width: 3.20rem;
  height: 0.9rem;
  background-color:royalblue;
  margin: auto;
}

.gaoqing .gaoqing-con .gaoqing-con-a .gaoqing-con-a-left{
  width: 1.21rem;
  height: 0.8rem;
  float: left;
} 

.gaoqing .gaoqing-con .gaoqing-con-a .gaoqing-con-a-left img{
  width: 100%;
  height: 100%;
}

.gaoqing .gaoqing-con .gaoqing-con-a .gaoqing-con-a-right{
  width: 1.93rem;
  height: 0.86rem;
  background-color: aqua;
  float: right;
}

.gaoqing .gaoqing-con .gaoqing-con-a .gaoqing-con-a-right div{
  font-size: 0.1rem;
  color: gray;
}

.gaoqing .gaoqing-con .gaoqing-con-a .gaoqing-con-a-right div:nth-child(4){
  color: orange;
}

</style>